<script setup lang="ts">
const svg = ref('vue')

function updata() {
  svg.value = svg.value === 'vue' ? 'vite' : 'vue'
}
</script>

<template>
  <div w50 h50 :class="`i-svg:${svg}`" @click="updata"></div>
  <div h312 w300 bg="img-[@/assets/img/7.png]"></div>
  <!-- 如果使用原生样式属性需要使用 “[]” 包裹 -->
  <div h100 w100 border="10 solid [rgba(227,64,50,0.5)]"></div>
  <div w200 h200 sm:bg-blue xl:bg-green bg-red></div>
  <HelloWorld msg="Vite + Vue" />
</template>

<style scoped></style>
